<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>出库单列表</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/list.css" />
		<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layui.css" />
	</head>

	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
				<p class="contentText local"><span>位置：库存日常管理 > 出库管理列表</span></p>

				<!------ tab标签 ------>
				<div class="layui-tab layui-tab-card">
					<ul class="layui-tab-title">
						<li class="layui-this">辅料</li>
						<li>单机</li>
						<li>半成品</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="content">
								<!-- 搜索区 -->
								<div class="search_area">
									<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>出库单查询条件</span></h4>
									<div class="select_area">
										<div class="select_text clear">
											<div class="label_input">
												<label class="contentText">出库单号：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">申领单号：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">申领工位：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">申领人：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">领用人：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">产品型号：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">工作令：</label> <input type="text" value="" />
											</div>
											<div class="label_input">
												<label class="contentText">开始日期（出库）：</label><input type="text" name="" id="dateControl" readonly="readonly" />
											</div>
											<div class="label_input">
												<label class="contentText">结束日期（出库）：</label><input type="text" name="" id="dateControl1" readonly="readonly" />
											</div>
											<div class="floatLeft">
												<button class="btn_search bgd_blue_search">查询</button>
												<button class="btn_clear bgd_white_clear">重置</button>
											</div>
										</div>
									</div>
								</div>
								<!-- 列表区 -->
								<div class="show_list">
									<div class="title_operate">
										<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>出库单列表</span></h4>

										 <!-- 操作类型区 -->
				                        <div class="operate_area">
				                            <a href="outstockAdd.html" class="bgd_add img_hand">增加</a> 
				                            <!--<a onclick="delUserGroup();" class="bgd_delete img_hand">删除</a>--> 
				                        </div>
									</div>
									<div class="list_area">
										<!-- 信息列表区 -->
										<div class="info_area">
											<table class="tablelist" border="1" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
												<tbody>
													   <tr class="menuText list_head">
					                                        <th class="">出库单号</th>
					                                        <th class="">申领型号</th>
					                                        <th class="">申领工位</th>
					                                        <th class="">申领人</th>
					                                        <th class="">领用人</th>
					                                        <th class="">出库日期</th>
					                                        <th class="">申领单号</th>
					                                        <th class="">工作令</th>
															<th class="">状态</th>
					                                    </tr>
												</tbody>
												<tbody class="tablelist tbody_hover">
													   <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="outstockInfo.html">CKDH20180816103051</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>已出库</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="outstockAduit.html">CKDH20180828184709</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>待审核</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180816103051</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>已出库</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180828184709</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>待审核</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180816103051</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>已出库</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180828184709</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>待审核</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180816103051</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>已出库</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180828184709</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>待审核</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180816103051</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>已出库</td>
					                                    </tr>
					                                    <tr class="listTableText list_list">
					                                        <td><a class="cursor" href="">CKDH20180828184709</a></td>
					                                        <td>ZY02</td>
					                                        <td>新建工位3</td>
					                                        <td>admin</td>
					                                        <td>张三</td>
					                                        <td>2018-08-16</td>
					                                        <td>GWSL20180816102412</td>
					                                        <td>ZY01</td>
															<td>待审核</td>
					                                    </tr>
												</tbody>
											</table>
										</div>
										<!-- 页码区域 -->
										<div class="page_area contentText clear">
											<div class="page_sum">
												共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
											</div>
											<div class="page_jump">
												<span>跳转到&emsp;第</span>
												<input type="text" name="" id="" value="" />
												<span>页&emsp;</span>
												<button>Go</button>
											</div>
											<div class="page-pull-right async-page">
												<button>上一页</button>
												<button class="select_page">1</button>
												<button>2</button>
												<button>3</button>
												<button style="color: rgb(30, 30, 30);">▪▪▪</button>
												<button>98</button>
												<button>99</button>
												<button>100</button>
												<button>下一页</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="content">
								<!-- 搜索区 -->
								<div class="search_area">
									<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>出库单查询条件</span></h4>
									<div class="select_area">
										<div class="select_text clear">
											<div class="label_input">
												<label class="contentText">出库单号：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">制单人：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">申领工位：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">申领人：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">开始日期：<input type="text" name="" id="dateControl2" readonly="readonly" />
											</div>
											<div class="label_input">
												<label class="contentText">结束日期：</label><input type="text" name="" id="dateControl3" readonly="readonly" />
											</div>
											<div class="label_input">
												<label class="contentText">申领单号：</label><input type="text" name="" id="" />
											</div>
											<div class="floatLeft">
												<button class="btn_search bgd_blue_search">查询</button>
												<button class="btn_clear bgd_white_clear">重置</button>
											</div>
										</div>
									</div>
								</div>

								<!-- 列表区 -->
								<div class="show_list">
									<div class="title_operate">
										<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>出库单信息列表</span></h4>
										<!-- 操作类型区 -->
										<div class="operate_area">
											<a href="standAloneAdd.html" class="bgd_add img_hand">增加</a>
											<!--<a onclick="delUserGroup();" class="bgd_delete img_hand">删除</a>-->
										</div>
									</div>
									<div class="list_area">
										<!-- 信息列表区 -->
										<div class="info_area">
											<table class="tablelist" border="1" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
												<tbody>
													<tr class="menuText list_head">
														<th>出库单号</th>
														<th>制单人</th>
														<th>申领单号</th>
														<th>申领工位</th>
														<th>申领人</th>
														<th>状态</th>
														<th>出库日期</th>
													</tr>
												</tbody>
												<tbody class="tablelist tbody_hover">
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="standAloneInfo.html">CKDH20180816103051</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="standAloneReviewInfo.html">CKDH20180816103052</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>待审核</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103053</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103054</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103055</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103056</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103057</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103058</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103059</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103059</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
												</tbody>

											</table>
										</div>
										<!-- 页码区域 -->
										<div class="page_area contentText clear">
											<div class="page_sum">
												共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
											</div>
											<div class="page_jump">
												<span>跳转到&emsp;第</span>
												<input type="text" name="" id="" value="" />
												<span>页&emsp;</span>
												<button>Go</button>
											</div>
											<div class="page-pull-right async-page">
												<button>上一页</button>
												<button class="select_page">1</button>
												<button>2</button>
												<button>3</button>
												<button style="color: rgb(30, 30, 30);">▪▪▪</button>
												<button>98</button>
												<button>99</button>
												<button>100</button>
												<button>下一页</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="content">
								<!-- 搜索区 -->
								<div class="search_area">
									<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>出库单查询条件</span></h4>
									<div class="select_area">
										<div class="select_text clear">
											<div class="label_input">
												<label class="contentText">出库单号：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">制单人：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">申领工位：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">申领人：</label> <input type="text" name="" id="">
											</div>
											<div class="label_input">
												<label class="contentText">开始日期：<input type="text" name="" id="dateControl4" readonly="readonly" />
											</div>
											<div class="label_input">
												<label class="contentText">结束日期：</label><input type="text" name="" id="dateControl5" readonly="readonly" />
											</div>
											<div class="label_input">
												<label class="contentText">申领单号：</label><input type="text" name="" id="" />
											</div>
											<div class="floatLeft">
												<button class="btn_search bgd_blue_search">查询</button>
												<button class="btn_clear bgd_white_clear">重置</button>
											</div>
										</div>
									</div>
								</div>

								<!-- 列表区 -->
								<div class="show_list">
									<div class="title_operate">
										<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>出库单信息列表</span></h4>
										<!-- 操作类型区 -->
										<div class="operate_area">
											<a href="standAloneAdd.html" class="bgd_add img_hand">增加</a>
											<!--<a onclick="delUserGroup();" class="bgd_delete img_hand">删除</a>-->
										</div>
									</div>
									<div class="list_area">
										<!-- 信息列表区 -->
										<div class="info_area">
											<table class="tablelist" border="1" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
												<tbody>
													<tr class="menuText list_head">
														<th>出库单号</th>
														<th>制单人</th>
														<th>申领单号</th>
														<th>申领工位</th>
														<th>申领人</th>
														<th>状态</th>
														<th>出库日期</th>
													</tr>
												</tbody>
												<tbody class="tablelist tbody_hover">
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="standAloneInfo.html">CKDH20180816103051</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="standAloneReviewInfo.html">CKDH20180816103052</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>待审核</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103053</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103054</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103055</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103056</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103057</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103058</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103059</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
													<tr class="listTableText list_list">
														<td>
															<a class="cursor" href="">CKDH20180816103059</a>
														</td>
														<td>IMAGE01</td>
														<td>GWSL20180816102412</td>
														<td>工位5</td>
														<td>李四</td>
														<td>已出库</td>
														<td>2020-02-30</td>
													</tr>
												</tbody>

											</table>
										</div>
										<!-- 页码区域 -->
										<div class="page_area contentText clear">
											<div class="page_sum">
												共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
											</div>
											<div class="page_jump">
												<span>跳转到&emsp;第</span>
												<input type="text" name="" id="" value="" />
												<span>页&emsp;</span>
												<button>Go</button>
											</div>
											<div class="page-pull-right async-page">
												<button>上一页</button>
												<button class="select_page">1</button>
												<button>2</button>
												<button>3</button>
												<button style="color: rgb(30, 30, 30);">▪▪▪</button>
												<button>98</button>
												<button>99</button>
												<button>100</button>
												<button>下一页</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 版尾  -->
		<div class="ending">
			Copyright© 2019-2020 磐基技术有限公司
		</div>
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/frame/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/jquery-ui.js" type="text/javascript"></script>
	<script src="../../js/layui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);

		// 获取每行 td 的兄弟节点
		$("td").hover(
			function() {
				$(this).parent().children().addClass("td_hover");
			},
			function() {
				$(this).parent().children().removeClass("td_hover");
			}
		);

		// 日期控件
		$(function() {
			$("#dateControl,#dateControl1,#dateControl2,#dateControl3,#dateControl4,#dateControl5").datepicker({
				dateFormat: 'yy-mm-dd',
				monthNamesShort: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
				changeYear: true,
				changeMonth: true,
				showOn: "button",
				buttonImage: "../../img/button/calendar.png",
				buttonImageOnly: false
			});
		});

		// 盘点弹框
		function addcheck() {
			$(".mask").css("display", "block");
		}

		function backcheck() {
			$(".mask").css("display", "none");
		}

		//删除规则
		function delUserGroup() {

			var list = [];
			var checks = $("input[name='ids']:checked");
			$.each(checks, function(index, obj) {
				list.push(obj.id);
			});
			if(!list.length > 0) {
				alert("请选择要删除的内容");
				return;
			}
			if(!confirm("确定要删除所选用户组吗？")) {
				return;
			}
			alert("提醒:删除时，正在使用的用户组将无法删除！");
			$.ajax({
				type: 'POST',
				url: 'userGroup/delUserGroup',
				data: JSON.stringify(list),
				contentType: 'application/json; charset=utf-8',
				async: true,
				cache: false,
				success: function(data) {
					alert(data == 'success' ? "删除成功" : "被使用：无法删除!!!");
					if(data != 'success') {
						return;
					}

					var current = PageUtils._currentPage['userGroupPage'];
					PageUtils.pageClick(current, 'userGroupPage');
				}

			});
		}
		layui.use('element', function() {
			var $ = layui.jquery,
				element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

			//触发事件：添加、删除、切换
			var active = {
				tabAdd: function() {
					//新增一个Tab项
					element.tabAdd('demo', {
						title: '新选项' + (Math.random() * 1000 | 0),
						content: '内容' + (Math.random() * 1000 | 0),
						id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
					})
				},
				tabChange: function() {
					//切换到指定Tab项
					element.tabChange('demo', '22'); //切换到：“用户管理”
				}
			};

			$('.site-demo-active').on('click', function() {
				var othis = $(this),
					type = othis.data('type');
				active[type] ? active[type].call(this, othis) : '';
			});

			//Hash地址的定位
			var layid = location.hash.replace(/^#test=/, '');
			element.tabChange('test', layid);

			element.on('tab(test)', function(elem) {
				location.hash = 'test=' + $(this).attr('lay-id');
			});
		});
	</script>

</html>